﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>VideoCrx</title>
    <script src="~/Scripts/jquery-2.1.1.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="~/Content/materialize/css/materialize.min.css" rel="stylesheet" />
    <link href="~/Content/animate.css" rel="stylesheet" />
    <script src="~/Scripts/materialize/materialize.min.js"></script>
</head>

<body>
    @*<h3>应用商店正在审核，现在更新搬运至此……</h3>
        <img src="~/Content/QQ截图20170730095029.png" />
        <br />
        <img src="~/Content/QQ截图20170730094759.png" />
        <br />
        <h3><a href="~/Content/Chrome.crx" download="filename">点击下载视频解析Chrome插件</a></h3>*@
    <h3 style="margin:30px 30px;">爱奇艺优酷等视频解析插件下载页</h3>
    <ul class="collapsible popout" data-collapsible="accordion">
        <li>
            <div class="collapsible-header"><i class="material-icons">thumb_up</i>欢迎</div>
            <div class="collapsible-body">
                <p>
                    这是“爱奇艺优酷等视频解析”插件的官网，是不是看着很简陋？
                    <br />
                    <img src="~/Content/DonPlugin/QQ截图20170730094759.png" class="images" />
                    <br />
                    本插件是通过某种特殊的方法破解各大网站的会员，使用方法就是输入网址回车就可以了
                </p>
            </div>
        </li>
        <li>
            <div class="collapsible-header"><i class="material-icons">place</i>为什么下载会出现在这里？应用商店呢？</div>
            <div class="collapsible-body">
                <p>
                    <img src="~/Content/DonPlugin/QQ截图20170730095029.png" class="images" />
                    <br />
                    应用商店因为更新太频繁导致需要人工审核，然后现在暂时下架了
                </p>
            </div>
        </li>
        <li>
            <div class="collapsible-header"><i class="material-icons">airplay</i>下载地址</div>
            <div class="collapsible-body">
                <p>
                    <a href="../Content/DonPlugin/Chrome.zip" download="视频解析">点击下载</a>
                </p>
            </div>
        </li>
        <li>
            <div class="collapsible-header"><i class="material-icons">whatshot</i>安装方法</div>
            <div class="collapsible-body">
                <div style="margin:15px 0 15px 20px">
                    <div id="anzhuang">
                        <h5>文字描述</h5>
                        打开Chrome的<a href="chrome://extensions/">扩展程序界面</a>，然后把这个下载的zip文件解压，把里面的文件拖放到界面内，点击安装即可
                    </div>
                    <h5>我还是不会怎么办</h5>
                    <div id="videos">
                        点击这里看视频
                    </div>
                </div>

            </div>
        </li>
    </ul>
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {
        $('.collapsible').collapsible();
    });
    $(function () {
        $("#videos").click(function () {
            $("#anzhuang").slideUp();
            $("#videos").html('<video controls="controls" style="width:98%"><source src="../Content/DonPlugin/BiliBili.mp4" type="video/mp4" /></video>');
        })
    })
</script>
<style>
    .collapsible {
        margin: 3.5rem 20px 1rem 20px;
    }
    @@media (max-width: 768px) {
       .images {
            width:100%;
        }
    }
</style>

